.content-wrap {
  width: 100%;
  height: 100%; }
  .content-wrap .header-bg {
    width: 100%;
    height: 4.42667rem;
    background-image: url(../images/header-bg.png); }
  .content-wrap .content {
    width: 100%;
    padding: 0 0.4rem; }

html, body {
  width: 100%;
  height: 100%;
  background: #fff; }

.headbg-wrap {
  height: 100px;
  background-image: url(../images/dlhead.png);
  background-size: 100% 100%; }

.logo {
  display: block;
  margin: auto;
  margin-top: 1.17333rem;
  width: 2.4rem;
  height: 3.41333rem; }

.login-wtap {
  margin-top: 1.6rem; }
  .login-wtap .btn-wrap {
    margin-left: auto;
    margin-right: auto;
    width: 5.57333rem;
    height: 1.06667rem;
    text-align: center;
    line-height: 1.06667rem;
    font-size: 0.53333rem;
    background: #8EB4FF;
    color: #fff;
    border: 1px solid #47B1FB;
    border-radius: 1.33333rem; }
    .login-wtap .btn-wrap.btn-bottom {
      margin-top: 0.8rem; }

.footer-wrap {
  margin-top: 3.73333rem; }
  .footer-wrap a {
    display: block;
    border-bottom: 1px solid #8EB4FF;
    width: 1.70667rem;
    margin: auto;
    color: #8EB4FF;
    font-size: 0.42667rem;
    text-align: center;
    padding-bottom: 0.05333rem; }
  .footer-wrap span {
    display: block;
    width: 1.70667rem;
    margin: auto;
    font-size: 0.37333rem;
    text-align: center;
    color: #ccc;
    margin-top: 0.53333rem;
    font-style: italic; }
